.loop1(@counter) when (@counter <=100%){
  @{counter} {
    transform: translateX(-3px) rotate(-2deg);
  }
  .loop2(@counter+2%)
}
.loop2(@counter) when (@counter <=100%){
  @{counter} {
    transform: translateX(3px) rotate(2deg);
  }
  .loop1(@counter+2%)
}
@keyframes go {
  0%{
    transform: translateX(0px);
  }
  100%{
    transform: translateX(10px);
  }
}
@keyframes buzz-out {
  0% {
    transform: translateX(0) rotate(0);
  }
  88% {
    transform: translateX(0) rotate(0);
  }
  .loop1(90%)
}
.giftPage{
  margin:0 auto;
  max-width:640px;
  position:relative;
  .banner{
    width:6.4rem;
    height:6.2rem;
    background: url(../images/giftPage/1.jpg);
    background-size:6.4rem 6.2rem;
  }
  .activity{
    width:6.4rem;
    height:.6rem;
    background: url(../images/giftPage/2.jpg);
    background-size:6.4rem .6rem;
    text-align: center;
    line-height:.4rem;
    font-size:.3rem;

    a{
      display:inline-block;
      padding:.1rem;
      color:#fff;
      .go{
        display:inline-block;
        animation: go 1s linear infinite alternate;
      }
    }
  }

  /*按钮属性*/
  .btn{
    float:right;
    margin-top:.7rem;
    margin-right:.75rem;
    width:1.6rem;
    height:.6rem;
    background: #fff;
    text-align: center;
    line-height:.6rem;
    color:#ce6070;
    border-radius:5px;
    animation:buzz-out 5s linear infinite alternate;
  }

  .giftSignUp{
    width:6.4rem;
    height:2.2rem;
    background: url(../images/giftPage/3.jpg);
    background-size:6.4rem 2.2rem;
  }
  .giftShare{
    width:6.4rem;
    height:2.2rem;
    background: url(../images/giftPage/4.jpg);
    background-size:6.4rem 2.2rem;
  }
  .giftSubscribe{
    width:6.4rem;
    height:2.2rem;
    background: url(../images/giftPage/5.jpg);
    background-size:6.4rem 2.2rem;
  }
  .mode{
    img{
      display:block;
      width:100%;
      height:auto;
    }
  }
}
.pop{
  display:none;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  .wrap{
    display:block;
    img{
      display:block;
      width:100%;
    }
  }
  .close{
    position:absolute;
    right:10px;
    top:10px;
    width:40px;
    height:40px;
    background:data-uri("../images/signUp/close.png") no-repeat;
    background-size:40px 40px;
  }
}